<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品信息</title>
		<link rel="stylesheet" href="css/mcinformation.css" />
		<link rel="stylesheet" href="css/zero.css" />
		<style type="text/css">
		.choosed{
		/*边框为2px*/
		border: 2px solid red;
		}
		</style>
	</head>
	<body>
		<!--头部-->
		<div id="top">
			<a href="index.html"><img src="imger/dj2.jpg" class="tu"/></a>
			<a id="tu1">迪迦外卖</a>
			<div id="middle">
				<a>商品信息</a>
			</div>
			<div id="right">
				<input type="text" placeholder=""/>
				<button id="btn">搜索</button>
			</div>
		</div>
		
		<!--中间-->
		<div class="banner">
			<div class="left">
				<img src="imger/06.jpg" class="img" id="big">
			</div>
			<div class="left1" id="a">
				<img src="imger/n1.jpg" id="img"/>
				<img src="imger/n2.jpg" id="img"/>
				<img src="imger/n3.jpg" id="img"/>
				<img src="imger/06.jpg" id="img"/>
			</div>
			<div class="left2">
				<img src="imger/star4.gif" class="wu"/>
				<a id="renqi">收 藏 宝 贝(8888人气)&nbsp;&nbsp;&nbsp;|</a>
			</div>
			<div class="left3">
				<img src="imger/fx.jpg"  class="fx"/>
				<a id="fx">分享给朋友</a>
			</div>
			<div class="middle">
				<a class="aa1"><br>&nbsp;神户牛肉</a><br><br><a class="foot"> &nbsp;世界上最有名气的牛肉，走过路过不要错过，错过后悔一辈子...</a>
			</div>
			<div class="middle1">
				<a class="money">&nbsp;价格</a>
				<a class="money1">￥        998</a>
				<a class="money3">12138份       |  交易成功</a>
			</div>
			<div class="middle2">
				<a class="a">口味</a>
				<select>
					<option value="" class="aa">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--辣度--</option>
					<option>微辣</option>
					<option>中辣</option>
					<option>加辣</option>
					<option>超辣</option>
					<option>变态辣</option>
				</select>
				<select>
					<option value="" class="aa">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--麻度--</option>
					<option>微麻</option>
					<option>中麻</option>
					<option>加麻</option>
					<option>超麻</option>
					<option>变态麻</option>
				</select>
			</div>
			<div class="button">
				<input type="button" value="立即购买" class="button1" />
				<input type="button" value="加入购物车" class="button2"/>
			</div>
			<div class="right">
				<a id="quanbu">热门评价</a>
				<div id="demo">
				   <div id="demo1">
				  <ul>
					<li><h3>用户1：</h3><a class="font2"> &nbsp;哇，这个太好吃了，不贵，配红酒超好吃，下次还来</a></li></br>
					<li><h3>用户2：</h3><a class="font2"> &nbsp;买了好多次了，性价比很高，肉质真好，分量好足</a></li></br>
					<li><h3>用户3：</h3><a class="font2"> &nbsp;外卖速度很快，好吃不腻</a></li></br>
					<li><h3>用户4：</h3><a class="font2"> &nbsp;味道太棒了，好吃！！！外卖也很快</a></li></br>
					<li><h3>用户5：</h3><a class="font2"> &nbsp;好吃，下次还叫这个外卖</a></li></br>
					<li><h3>用户6：</h3><a class="font2"> &nbsp;我觉得...太贵了</a></li></br>
					<li><h3>用户7：</h3><a class="font2"> &nbsp;楼上真敢说，大家一起歧视他</a></li></br>
					<li><h3>用户8：</h3><a class="font2"> &nbsp;楼上的楼上，瞎说什么大实话</a></li></br>
					<li><h3>用户9：</h3><a class="font2"> &nbsp;楼上66666666</a></li></br>
					<li><h3>用户10：</h3><a class="font2">&nbsp;你看这个碗它又大又圆，你看这个面它又长又宽</a></li></br>
					<li><h3>用户11：</h3><a class="font2"> &nbsp;楼上？加拿大电鳗？</a></li></br>
					<li><h3>用户12：</h3><a class="font2"> &nbsp;wuli凡凡加油，不要在意这些</a></li></br>
					<li><h3>用户13：</h3><a class="font2"> &nbsp;说到这个，我就想起下半年..</a></li></br>
					<li><h3>用户14：</h3><a class="font2"> &nbsp;孙悟空？</a></li></br>
					<li><h3>用户15：</h3><a class="font2"> &nbsp;中美合拍？</a></li></br>
					<li><h3>用户16：</h3><a class="font2"> &nbsp;2020年上映，请大家多多支持</a></li></br>
					<li><h3>用户17：</h3><a class="font2"> &nbsp;这个是美食评论不是你们这些黑粉放肆的地方，麻烦搞清楚ok？</a></li></br>
					<li><h3>用户18：</h3><a class="font2"> &nbsp;楼上先把你的头像换了吧，</a></li></br>
					<li><h3>用户19：</h3><a class="font2"> &nbsp;就是就是，好好吃你的东西</a></li></br>
					<li><h3>用户20：</h3><a class="font2">&nbsp;吃牛排，看剧，爽得一批，好吃再叫一份</a></li></br>
				 </ul>
			  </div>
			  
			  <div id="demo2">
				<ul>
					<li><h3>用户1：</h3><a class="font2"> &nbsp;哇，这个太好吃了，不贵，配红酒超好吃，下次还来</a></li></br>
					<li><h3>用户2：</h3><a class="font2"> &nbsp;买了好多次了，性价比很高，肉质真好，分量好足</a></li></br>
					<li><h3>用户3：</h3><a class="font2"> &nbsp;外卖速度很快，好吃不腻</a></li></br>
					<li><h3>用户4：</h3><a class="font2"> &nbsp;味道太棒了，好吃！！！外卖也很快</a></li></br>
					<li><h3>用户5：</h3><a class="font2"> &nbsp;好吃，下次还叫这个外卖</a></li></br>
					<li><h3>用户6：</h3><a class="font2"> &nbsp;我觉得...太贵了</a></li></br>
					<li><h3>用户7：</h3><a class="font2"> &nbsp;楼上真敢说，大家一起歧视他</a></li></br>
					<li><h3>用户8：</h3><a class="font2"> &nbsp;楼上的楼上，瞎说什么大实话</a></li></br>
					<li><h3>用户9：</h3><a class="font2"> &nbsp;楼上66666666</a></li></br>
					<li><h3>用户10：</h3><a class="font2">&nbsp;你看这个碗它又大又圆，你看这个面它又长又宽</a></li></br>
					<li><h3>用户11：</h3><a class="font2"> &nbsp;楼上？加拿大电鳗？</a></li></br>
					<li><h3>用户12：</h3><a class="font2"> &nbsp;wuli凡凡加油，不要在意这些</a></li></br>
					<li><h3>用户13：</h3><a class="font2"> &nbsp;说到这个，我就想起下半年..</a></li></br>
					<li><h3>用户14：</h3><a class="font2"> &nbsp;孙悟空？</a></li></br>
					<li><h3>用户15：</h3><a class="font2"> &nbsp;中美合拍？</a></li></br>
					<li><h3>用户16：</h3><a class="font2"> &nbsp;2020年上映，请大家多多支持</a></li></br>
					<li><h3>用户17：</h3><a class="font2"> &nbsp;这个是美食评论不是你们这些黑粉放肆的地方，麻烦搞清楚ok？</a></li></br>
					<li><h3>用户18：</h3><a class="font2"> &nbsp;楼上先把你的头像换了吧，</a></li></br>
					<li><h3>用户19：</h3><a class="font2"> &nbsp;就是就是，好好吃你的东西</a></li></br>
					<li><h3>用户20：</h3><a class="font2">&nbsp;吃牛排，看剧，爽得一批，好吃再叫一份</a></li></br>
				</ul>
			  </div>
			 </div>
			</div>
		</div>
		
		<!--底部-->
		<div class="bottom">
			<div class="bottom1">
				<ul id="bottom2">
				<li><a>开发平台</a></li>
				<li><a>平台制度</a></li>
				<li><a>资助我们</a></li>
				<li><a>问题反馈</a></li>
				</ul>
				<ul id="bottom3">
				<li><a>联系客服</a></li>
				<li><a>诚招英才</a></li>
				<li><a>廉政举报</a></li>
				<li><a>加入我们</a></li>
				</ul>
			</div>
			<div id="bottom4">
				<img src="imger/timg.gif" />
			</div>
			<div id="bottom5">
				<img src="imger/timg.gif"/>
			</div>
			<div class="last">
				<h3>
					<div align="center">
						地址：广西来宾市兴宾区兰海露家   邮编：546100
						<br>公司电话：0771-3265400&nbsp; 陈哥电话：0771-3262025
						<br>Copyright 2002-2018 迪迦外卖  All Rights Reserved .
						&nbsp; 
						<br>备案/许可证编号：桂ICP备16007110号 
					</div>
                </h3>
			</div>
		</div>
	</body>
	<script type="text/javascript">
	   var a = document.getElementById("a");
       var big = document.getElementById("big");
       var imglist = document.getElementsByTagName("img");
       
       for(var i = 0;i<imglist.length;i++){
       	imglist[i].onclick = function(){
       		for(var j = 0;j<imglist.length;j++){
       			imglist[j].style.border = "";
       		}
       		this.style.border ="2px solid red";
       		big.src = this.src;
       	}
       }
       
        var speed=80;
	    var FGDemo = document.getElementById("demo");
	    var FGDemo1 = document.getElementById("demo1");
	    var FGDemo2 = document.getElementById("demo2");
	      FGDemo2.innerHTML = FGDemo1.innerHTML
	        function Marquee1(){
	         	if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0){
	         	    FGDemo.scrollTop-=FGDemo1.offsetHeight
	         	    }else{
	         	    FGDemo.scrollTop++
	         	        }
	         	    }
	         	    var MyMar1 = setInterval(Marquee1,speed)
	         	    FGDemo.onmouseover = function(){clearInterval(MyMar1)}
	         	    FGDemo.onmouseout = function(){MyMar1=setInterval(Marquee1,speed)}
	</script>
</html>
